﻿<%@ Page Title="SVG监控" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Draw.aspx.cs" Inherits="WebApplication1.Draw" %>

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
    <style>
        #title{
            width:100%;
            height: calc(10vh);
        }
        #content{
            width:100%;
            height: calc(70vh);
            background: linear-gradient(to right,#005c97,#363795 77%);
        }
        #footer{
            width:100%;
            margin-top:10px;
        }
        button{
            float:right;
            background:linear-gradient(to right,#005c97,#363795 77%);
            color:white;
            border-radius:25px;
            line-height:30px;
            width:60px;
        }
    </style>
    <h2 id ="ttitle"><%: Title %>.</h2>
    <div id="content">
        <!--<iframe id="svg1" width ="100%" height="100%" src="./static/data/V1.svg"></iframe>-->
        <embed id="svgarea" width ="100%" height="100%" src="./static/data/V1.svg"/ onload="zoom(this)">
        <!--<object data="./static/data/V1.svg" id="svg1" onload="zoom(this)"></object>-->
    </div>
    <p id="footer">可以在此查看电能系统的变化   
        <button type="button"  onclick="refresh()">刷新</button>
    </p>
    <script src="./Scripts/WebForms/jquery-3.3.1.js"></script>
    <script src="./static/js/svg-pan-zoom.js"></script>
    <script src="./static/js/svg.js"></script>
</asp:Content>